<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	    <link rel="stylesheet" type="text/css" href="../../../css/app.css">
	    <link rel="stylesheet" type="text/css" href="../../../css/tabBar.css">
	    <link rel="stylesheet" type="text/css" href="../comm/buy_comm.css" />
	    <link rel="stylesheet" type="text/css" href="../comm/swiper.min.css"/>
	    <title>个人中心</title>
			<style type="text/css">
				body,.container{
					background: #000;
				}
				.big-img-wrap{
					width: 100vw;height: 100vh;padding: 60px 0 40px;overflow: hidden;position: relative;
					display: flex;
	justify-content: center;
	align-items: center;
				}
				.swiper-container{
					max-height: 100%;
					width: 100%
				}
				.big-img-wrap h2{
					width: 100%;height: 40px;position: absolute;top: 20px;left: 0;color: #fff;text-align: center;font-size: 16px;
					line-height: 40px;
				}
				#btn-back{
					height: 40px;width: 40px;position: absolute;top: 0;left: 5px;
				}
				#btn-back:after{
					content: '';height: 10px;width: 10px;border-top: 1px solid #fff;border-left: 1px solid #fff;position: absolute;
					top: 0;left: 0;right: 0;bottom: 0;margin: auto;
					-webkit-transform: rotate(-45deg);transform: rotate(-45deg);
				}
				.swiper-slide img{
					width: 100%;
					height: auto;
					max-height: 100%
				}
			</style>
	</head>
	<body>
		<div class="big-img-wrap">
			<h2><span id="btn-back"></span><span v-html="activeIndex">2</span>/<span v-html="length"></span></h2>
			<div class="swiper-container">
		        <div class="swiper-wrapper">
		            <div class="swiper-slide" v-for="item in list">
		              <img :src="item"/>
		            </div>
		        </div>
		        <!--<div class="swiper-pagination"></div>-->
	      	</div>
		</div>
	</body>
	<script src="../../sea.js" data-main="../../main"></script>
	<script type="text/javascript" src="../../vue.js"></script>
	<script type="text/javascript" src="./js/bigImg.js"></script>
</html>
